<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Time Series Slider widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { margin-left:0px; }
ul.whs2 { list-style:disc; }
p.whs3 { margin-left:40px; }
img_whs4 { border:none; width:503px; height:341px; float:none; border-style:none; }
ol.whs5 { list-style:decimal; }
p.whs6 { margin-left:0px; font-weight:normal; }
ol.whs7 { list-style:lower-alpha; }
h3.whs8 { margin-top:6px; margin-bottom:6px; font-weight:normal; }
p.whs9 { margin-left:0px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs1 {margin-left:1pt; }";
  strNSS += "p.whs6 {margin-left:1pt; }";
  strNSS += "p.whs9 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Time Series Slider widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating a Time Series Slider widget</h1>
<p class="whs1">A Time Series Slider widget is an area graph 
 that allows a document analyst to choose which section of the graph to 
 view at a time. The widget consists of two related graphs, one positioned 
 above the other. The top graph is the controller, and contains a slider. 
 The bottom graph is the primary graph. You use the slider on the controller 
 to select some portion of the controller, which determines the range of 
 data visible in the primary graph.</p>
<p class="whs1">Time series datasets are often long and require 
 analysis from both a macro and micro view. Therefore, the time series 
 slider widget requires only one attribute, preferably one with many values. 
 This attribute is normally time-based, but it does not have to be. The 
 widget also requires only one metric. In the graph: </p>
<ul type="disc" class="whs2">
	
<li class=p><p class="whs1">The X-axis represents the 
 attribute. In the image below, this is the Month attribute. </p></li>
	
<li class=p><p class="whs1">The Y-axis represents the 
 metric. In the image below, this is the Revenue metric. <br>
&nbsp;</p></li>
</ul>
<p class="whs3"><img src="images/widget_timeseriesslider.gif" x-maintain-ratio="TRUE" width="503px" height="341px" border="0" class="img_whs4"></p>
<p><span style="font-weight: bold;"><B>Note</B></span>: If you include two metrics 
 on the columns of the Grid/Graph that contains the widget, a line graph 
 is displayed with the area graph.</p>
<h2>To create a Time Series Slider widget</h2>
<ol type="1" class="whs5">
	
<li class=p><p class="whs1">Insert a Time Series Slider 
 widget into the document. For steps, see 
<a href="Insert_a_widget.htm">Inserting 
 a widget into a document</a>.</p></li>
	
<li style=" font-weight: normal; " class=p><p class="whs6">Add 
 objects to the Grid/Graph that contains the widget. To do this, from the 
 Dataset Objects panel on the left, select attributes and metrics and drag 
 them on top of the widget, using the following requirements:</p></li>
</ol>
<ul type="disc" class="whs2">
	<ol type="a" class="whs7">
		
<li class=p><p class="whs1">Place at least one attribute 
 on the rows. This attribute is typically time-based, such a Day or Quarter 
 attribute. Its elements are displayed on the X-axis. </p></li>
		
<li class=p><p class="whs1">Place one metric on the 
 columns. The metric values are displayed on the graph report's Y-axis. 
 If you include two metrics, a line graph and an area graph are displayed 
 together.</p></li>
	</ol>
</ul>
<ol start="3" type="1" class="whs5">
	
<li class=p><p class="whs1">Insert a selector next to 
 the Time Series Slider widget. This selector allows users to choose different 
 attribute elements. Assign an attribute as the selector's source. For 
 steps to insert a selector and choose a source for it, see 
<a HREF="Insert_a_selector.htm">Inserting 
 a selector into a document</a>.</p></li>
</ol>
<ol start="4" type="1" class="whs5">
	
<li class=p><p class="whs1">Set the Time Series Slider 
 Grid/Graph as the target of the selector. For steps to select an object 
 as target of a selector, see 
<a HREF="Choose_targets_for_selector.htm">Choosing 
 targets for a selector</a>.</p></li>
	
<li class=p><p class="whs1">It is recommended you also 
 drag the dataset report from the Dataset Objects panel and place it beneath 
 the selector. This allows you to see the report's values as you select 
 different attribute elements from the selector and see how they change 
 the appearance of the Time Series Slider widget.</p></li>
	
<li class=p><p class="whs1">View and test your results 
 by selecting <span style="font-weight: bold;"><B>Flash Mode</B></span> from the 
 <span style="font-weight: bold;"><B>View</B></span> menu.</p></li>
</ol>
<ul type="disc" class="whs2">
	
<li class=p><p class="whs3">If Flash Mode is not available 
 in the View menu, you must make Flash Mode available in the document. 
 For steps, see 
<a href="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
</ul>
<ol start="7" type="1" class="whs5">
	
<li style=" font-weight: normal; " class=h3><h3 class="whs8">Click 
 <span style="font-weight: bold;"><B>OK</B></span> to apply the changes and return 
 to the document.</h3></li>
</ol>
<p>&nbsp;</p>
<p class="whs9"><span><B><span style="font-weight: bold;"><B>Related 
 topics</B></span></B></span></p>
<ul type="disc" class="whs2">
	
<li class=p><p class="whs1">
<a href="Flash_Mode.htm">Working 
 with documents in Flash Mode</a></p></li>
	
<li class=p><p class="whs1">
<a href="About_using_a_Time_Series_Slider_widget_as_a_selector.htm">About 
 using a Time Series Slider widget as a selector</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
